.groupbox {
  position: relative;
  margin-bottom: 4px;

  .groupbox-header {
    padding: 10px 8px;
    position: relative;
    margin-bottom: 4px;

    &-shrink {
      background: #f3f3f3;
      cursor: pointer;
    }

    h2 {
      margin: 0;
      line-height: 100%;
      font-size: 16px;
      font-weight: bold;

      small {
        display: block;
        margin-top: 8px;
        color: #AEAEAE;
        line-height: 160%;
      }
    }

    .actions {
      position: absolute;
      right: 10px;
      z-index: 2;
      top: 10px;
    }
  }

  .groupbox-body {
  }

  .groupbox-padding {
    padding: 10px 8px;
  }
}

/**
 * >=768px;
 */
@media (min-width: 768px) {
  .groupbox {
    .groupbox-header {
      // padding: 6px;
    }

    .groupbox-padding {
      padding: 0 6px;
    }
  }
}

/**
 * >=992px;
 */
@media (min-width: 992px) {

}

/**
 * >=1200px;
 */
@media (min-width: 1200px) {
  .groupbox {
    .groupbox-header {
      padding: 10px 10px;
    }

    .groupbox-padding {
      padding: 6px 10px;
    }
  }
}
